iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 14
0
自我挑戰組

挑戰30天完成PHP聊天室範例系列 第 14

[Day14]第十三章-盤古開天(四)-登入功能(上)

  • 分享至 

  • xImage
  •  

登入頁面主要拆成兩塊,
一塊前端頁面和一塊後端處理,
今天先講前端頁面的部分,
首先這個頁面一開始就會用到session來做處理,
在進入login.php的登入頁面時,
首先要判斷是否已登入,
有的話直接幫他跳轉到主頁面,
(避免重複登入出問題)

    session_start();//開啟session功能
	header("Content-Type:text/html; charset=utf-8");
	$url = "main.php";
    //若account_temp不為空,則轉跳到主頁面
	if($_SESSION['account_temp'] != "" && $_SESSION['account_temp'] != null){
		echo "<script>window.location.href='$url';</script>";
		return null;
	}

再來是html和javascript的部分

<form method='POST' action='login_success.php' id='login_action' name='login_action'>
	帳號:<input type="text" id="user_account" name="user_account"/><br/>
	密碼:<input type="password" id="user_pw" name="user_pw"/><br/>
	<input type='button' id="login_bt" name="login_bt" value="登入" onclick="check_data()"/>
</form>
function check_data(){
    //基本判斷帳密是不是空值
	if($("#user_account").val() == ""){
		alert("請輸入帳號");
		return false;
	}else if($("#user_pw").val() == ""){
		alert("請輸入密碼");
		return false;
	}

	$("#login_action").submit();
}

js只有簡單判斷是否為空值,
主要判斷在後端處理的部分,
今天簡單介紹到這,下次見囉~~


上一篇
[Day13]第十二章-盤古開天(三)-註冊會員(下篇)
下一篇
[Day15]第十四章-盤古開天(五)-登入功能(下)
系列文
挑戰30天完成PHP聊天室範例30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言